<template>
  <van-row type="flex" align="center" justify="space-between">
    <van-col><b class="L-text L-bold-text">{{itemdata.title}}</b></van-col>
    <van-col style="text-align:right"></van-col>
  </van-row>

  
   
    <div class="alert-container">
      <div class="table-box L-margin-top-10" v-for="(ditem,dindex) in itemdata.columnData" :key="dindex">
        <van-row :gutter="10">
          <van-col class="L-margin-top-10" :span="8" v-for="(titem,tindex) in itemdata.columnNames" :key="tindex">
            <div class="L-mini-text L-placeholder-text-color">{{titem.label}}</div>
            <div class="L-small-text  L-margin-top-10">{{ditem[titem.prop]}}</div>
          </van-col>
        </van-row>
      </div>

      <van-empty v-if="itemdata.columnData.length===0" description="没有数据" />

    </div>
 




</template>

<script setup lang="ts">
import { ref, onMounted } from "vue";
const props = defineProps({
  itemdata: {
    type: Object,
    default: {},
  },
});




</script>

<style scoped>
.alert-container {
  max-height: 500px;
  overflow-y: scroll;
}

.table-box {
  background: #eef4fb;
  padding: 15px 10px;
  text-align: center;
}
</style>